<!DOCTYPE html>
<html lang="en" style="overflow: hidden">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>直播详情</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/player.css">
    <link rel="stylesheet" href="css/details.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr">
                    <a href="UserCenter.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                        <object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
                            <li class="wallet"><a href="MyWallet.html">钱包</a></li>
                            <li class="setting"><a href="UserSetting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus dn fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-Recruit fr">
                    <a href="Recruit.html"><i></i><span>招聘</span></a>
                    <span class="event db pa new"></span>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content detail">
    <div class="S-mainWrap tal pr">
        <div class="S-content border1">
            <div class="mainContent">
                <div class="SY-live">
                    <div class="S-workerMsg clearfix">
                        <div class="fl">
                            <div class="workerPic br50 dib">
                                <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                            </div>
                            <div class="detail dib">
                                <div class="topBox">
                                    <p class="dib br5 tac live">直播</p>
                                    <p class="dib toe nickName">路人甲</p>
                                    <p class="dib describe toe">关于作者的定位描述</p>
                                </div>
                                <div class="icons">
                                    <p class="dib"><i class="fa fa-briefcase"></i>工作职业</p>
                                    <p class="dib"><i class="fa fa-map-marker"></i>地址</p>
                                </div>
                            </div>
                        </div>
                        <div class="fr tar">
                            <div class="infos">
                                <a href="javascript:void(0);" class="report"><i class="fa fa-exclamation-triangle"></i>举报</a>
                                <a href="javascript:void(0);" class="share pr">
                                    <i class="fa fa-share"></i>分享
                                    <div class="shareWays br5 border1 pa">
                                        <span class="pa"></span>
                                        <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                            <object><a class="br50 bds_sqq" data-cmd="sqq"></a></object>
                                            <object><a class="br50 bds_weixin" data-cmd="weixin"></a></object>
                                            <object><a class="br50 bds_qzone" data-cmd="qzone"></a></object>
                                            <object><a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a></object>
                                        </div>
                                    </div>
                                </a>
                                <a href="javascript:void(0);" class="population"><i class="fa fa-user"></i>634</a>
                            </div>
                            <div class="follow clearfix br5">
                                <a class="dib fr tac normal" href="javascript:void(0);">360</a>
                                <a class="dib fr tac care transition" href="javascript:void(0);"><i class="fa fa-star"></i>关注</a>
                            </div>
                        </div>
                        <div class="fr">
                            <a class="livingPlace db tac br5 transition" href="LiveClient.html" target="_blank">直播端</a>
                        </div>
                    </div>
                    <div class="S-living">
                        <div class="player">
                            <div id="t-video" class="video usn" style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
                                <video id="playVideo" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="" poster="https://wx4.sinaimg.cn/crop.0.0.585.329.1000/006Tr4asly1fnyqrpm47og30ga095myx.gif"></video>
                                <div class="sewise-player-ui usn replay">
                                    <div class="controlbar transition">
                                        <div class="controlbar-bg">
                                            控制栏背景
                                        </div>
                                        <div class="controlbar-btns">
                                            <div class="controlbar-btn controlbar-div-play">
                                                <a href="javascript:;" class="controlbar-btns-play" tabindex="1">播放</a>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-pause">
                                                <a href="javascript:;" class="controlbar-btns-pause" tabindex="2">暂停</a>
                                            </div>
                                            <div class="controlbar-btn controlbar-progress">
                                                <div class="progressBox">
                                                    <div class="controlbar-progress-totalline br5"></div>
                                                    <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
                                                    <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
                                                        <div class="controlbar-progress-playpoint transition br50"></div>
                                                    </div>
                                                    <div class="controlbar-progress-seekline"></div>
                                                    <div class="controlbar-progress-tip" current-time="" style="left: 20%;">
                                                        <span>30:00</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-time">
                                                <div class="controlbar-playtime">
                                                    00:04
                                                </div>
                                                <div class="controlbar-playtime-split">
                                                    /
                                                </div>
                                                <div class="controlbar-totaltime">
                                                    155:11
                                                </div>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-volume pr">
                                                <div class="controlbar-div-volumeline pa">
                                                    <div class="controlbar-volumeline br5 pa">
                                                        <div class="controlbar-volumeline-bg br5">
                                                        </div>
                                                        <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
                                                        </div>
                                                        <div class="controlbar-volumeline-dragger">
                                                        </div>
                                                        <div class="controlbar-volumeline-point br50 pa">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="controlbar-div-soundclose volume" style="display: none;">
                                                    <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-div-soundopen volume" style="display: block;">
                                                    <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
                                                </div>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-barrage">
                                                <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-palyRate pr">
                                                <div class="controlbar-btns-menu br5" role="presentation">
                                                    <ul class="controlbar-btns-palyRate-content" role="menu">
                                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">4.0x<span class="vjs-control-text"></span></li>
                                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">3.0x<span class="vjs-control-text"></span></li>
                                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">2.0x<span class="vjs-control-text"></span></li>
                                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.75x<span class="vjs-control-text"></span></li>
                                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.5x<span class="vjs-control-text"></span></li>
                                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.25x<span class="vjs-control-text"></span></li>
                                                        <li class="controlbar-btns-palyRate-item active" tabindex="-1" role="palyRateItem" aria-live="polite">1.0x<span class="vjs-control-text"></span></li>
                                                    </ul>
                                                </div>
                                                <div class="controlbar-btns-palyRate br5">1.0x</div>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-resolution pr">
                                                <div class="controlbar-btns-menu br5">
                                                    <ul class="controlbar-btns-resolution-content">
                                                        <li class="controlbar-btns-resolution-item">超清</li>
                                                        <li class="controlbar-btns-resolution-item active">高清</li>
                                                        <li class="controlbar-btns-resolution-item">普清</li>
                                                        <li class="controlbar-btns-resolution-item">自动</li>
                                                    </ul>
                                                </div>
                                                <div class="controlbar-btns-resolution br5">高清</div>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-fullscreen" style="display: block;">
                                                <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
                                            </div>
                                            <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
                                                <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="progressbar transition6 pa">
                                        <div class="progress-inner transition pa" style="width: 50%"></div>
                                    </div>
                                    <div class="logo" style="display: none;">
                                        <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
                                    </div>
                                    <div class="topbar" style="display: none;">
                                        <div class="topbar-program">
                                            <div class="topbar-program-tip">
                                                正在播放：
                                            </div>
                                            <div class="topbar-program-title">
                                            </div>
                                        </div>
                                        <div class="topbar-clock">
                                            2018-1-30 14:19:57
                                        </div>
                                    </div>
                                    <div class="buffer" style="display: none;">
                                        <div class="buffer-bg">
                                            背景图片
                                        </div>
                                        <div class="buffer-text">
                                            <div class="buffer-text-tip">
                                            </div>
                                            <div class="buffer-text-bufferPt">
                                                ...
                                            </div>
                                        </div>
                                    </div>
                                    <div class="big-play-btn br50">
                                        <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
                                        <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
                                    </div>
                                    <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
                                        <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
                                    </div>
                                    <div class="danmaku state-pause" id="danmu">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="titleBox">
                    <h2 class="title">实践是检验真理的唯一标准</h2>
                </div>
                <div class="marks">
                    <div class="clearfix">
                        <div class="tagBox fl">
                            <span class="time dib">2018年1月27日</span>
                        </div>
                        <p class="scan fr"><i class="fa fa-eye"></i>200</p>
                    </div>
                    <div class="infos">
                        <p class="classify dib">数字2D-2D动画</p>
                        <p class="tags dib">
                            <i class="fa fa-tag"></i>
                            <span class="tag">tag1</span>
                            <span class="tag">tag2</span>
                            <span class="tag">tag3</span>
                        </p>
                    </div>
                </div>
                <div class="summary br5">
                    <p class="text">
                        文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介
                        文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介
                    </p>
                </div>
                <div class="SY-articleBox">
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                </div>
                <div class="attachment">
                    <div class="main_attachment">
                        <div class="textBox dib">
                            <p class="text">附件下载</p>
                        </div>
                        <span class="dib line"></span>
                        <div class="uploaded br5 dib pr">
                            <div class="fileIcon dib rar"></div>
                            <div class="fileMsg dib">
                                <p class="fileName toe">压缩包.rar</p>
                                <p class="detail">
                                    <span class="size">20.23MB</span>
                                </p>
                            </div>
                            <a class="download pa" href="javascript:void(0);"><i class="fa fa-download"></i></a>
                        </div>
                    </div>
                </div>
                <div class="btnBox tac">
                    <div class="support dib">
                        <a class="db tac br50 transition" href="javascript:void(0);"><i class="fa fa-thumbs-up"></i></a>
                        <p>点赞(<span class='num'>20</span>)</p>
                    </div>
                    <div class="collect dib">
                        <a class="db tac br50 transition" href="javascript:void(0);"><i class="fa fa-star"></i></a>
                        <p>收藏</p>
                    </div>
                    <div class="share dib">
                        <a class="db tac br50 pr" href="javascript:void(0);">
                            <i class="fa fa-share"></i>
                            <div class="shareWays br5 border1 pa">
                                <span class="pa"></span>
                                <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                    <object><a class="br50 bds_sqq" data-cmd="sqq"></a></object>
                                    <object><a class="br50 bds_weixin" data-cmd="weixin"></a></object>
                                    <object><a class="br50 bds_qzone" data-cmd="qzone"></a></object>
                                    <object><a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a></object>
                                </div>
                            </div>
                        </a>
                        <p>分享</p>
                    </div>
                </div>
            </div>
            <div class="aboutWorker clearfix">
                <div class="fl">
                    <div class="pic dib br50">
                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                        <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                    </div>
                    <div class="msg dib">
                        <h3 class="nickName">路人甲</h3>
                        <p class="text toe">关于作者的定位描述</p>
                    </div>
                </div>
                <div class="follow fr">
                    <a class="db tac care transition" href="javascript:void(0);"><i class="fa fa-star"></i>关注</a>
                </div>
            </div>
            <div class="comments">
                <p class="commentNum">评论（<span>223</span>）</p>
                <!--加载中-->
                <div class="load tac dn">
                    <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                </div>
                <!--空内容提示-->
                <div class="emptyInfo tac empty dn">
                    <div class="icon"></div>
                    <p>暂无评论</p>
                </div>
                <!--热门评论-->
                <div class="hotComment">
                    <div class="title"><span>热门评论</span></div>
                    <div class="commentList">
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="comment">
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="myComment clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                            </div>
                            <div class="myOpinion fl clearfix">
                                <input type="text" placeholder="你的看法...">
                                <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--最新评论-->
                <div class="latestComment">
                    <div class="title"><span>最新评论</span></div>
                    <div class="commentList">
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="comment">
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="myComment clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
                            </div>
                            <div class="myOpinion fl clearfix">
                                <input type="text" placeholder="你的看法...">
                                <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="page tac">
                    <ul class="pageList pr clearfix">
                        <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                        <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                        <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                        <li><a href="javascript:void(0);">2</a></li>
                        <li><a href="javascript:void(0);">3</a></li>
                        <li><a href="javascript:void(0);">...</a></li>
                        <li class="text"><a href="javascript:void(0);">下一页</a></li>
                        <li class="text"><a href="javascript:void(0);">尾页</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="S-sideBar pa">
            <div class="chatBox">
                <div class="chatContent">
                    <div class="propaganda">
                        <div class="dib picture">
                            <img src="http://img.shenyecg.com/UploadImages/2018/1/29/2018012916363734969.jpg" alt="">
                        </div>
                        <div class="dib msg">
                            <h3 class="title">实践是检验真理的唯一标准</h3>
                            <p class="nickName toe">路人甲</p>
                        </div>
                    </div>
                    <div class="talkBox pr tal" style="height: 520px;">
                        <div class="tip-text pa tac toe">"王室灬魅[[烈火]]"送给"Siri^羽页"鲜花</div>
                        <div class="warn-text pa tac toe">数字超过限制</div>
                        <div class="viewContent pa">
                            <ul class="ulList pr">
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">丢失感</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">恢复</span>
                                    </div>
                                </li>
                                <li class="chatList">
                                    <div class="flowerMsg tac">
                                        "<span>Sun</span>"送给<br>
                                        <div>
                                            "<span>思睿老师-峻毅</span>"
                                            <span class="flowerIcon"></span>
                                        </div>
                                    </div>
                                </li>
                                <li class="chatList">
                                    <div class="warningMsg tac">
                                        <p>操作过于频繁，请稍后再进行操作...</p>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">...仙儿</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">不知道</span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">꧁时⃢ ＊ ⃢光꧂‌</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">长得不帅</span>
                                    </div>
                                </li>
                                <li class="chatList right clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="handleBox clearfix">
                        <div class="face fl">
                            <a href="javascript:void(0);" class="emoji pr fl dib" title="发送表情">
                                <div class="faceSelector pa dn">
                                    <div class="faceHover pa left tal border1">
                                        <div class="img tac pa">
                                            <img class="show" src="https://7.url.cn/edu/webcourse/modules/img/emoji/72@2x.gif" alt="" />
                                        </div>
                                        <div class="name pa tac">足球</div>
                                    </div>
                                    <div class="innerFace pr">
                                        <p i="0" class="emoji-icon emoji-1" data-name="惊讶"></p>
                                        <p i="1" class="emoji-icon emoji-2" data-name="撇嘴"></p>
                                        <p i="2" class="emoji-icon emoji-3" data-name="色"></p>
                                        <p i="3" class="emoji-icon emoji-4" data-name="发呆"></p>
                                        <p i="4" class="emoji-icon emoji-5" data-name="得意"></p>
                                        <p i="5" class="emoji-icon emoji-6" data-name="流泪"></p>
                                        <p i="6" class="emoji-icon emoji-7" data-name="害羞"></p>
                                        <p i="7" class="emoji-icon emoji-8" data-name="闭嘴"></p>
                                        <p i="8" class="emoji-icon emoji-9" data-name="睡"></p>
                                        <p i="9" class="emoji-icon emoji-10" data-name="大哭"></p>
                                        <p i="10" class="emoji-icon emoji-11" data-name="尴尬"></p>
                                        <p i="11" class="emoji-icon emoji-12" data-name="发怒"></p>
                                        <p i="12" class="emoji-icon emoji-13" data-name="调皮"></p>
                                        <p i="13" class="emoji-icon emoji-14" data-name="呲牙"></p>
                                        <p i="14" class="emoji-icon emoji-15" data-name="微笑"></p>
                                        <p i="15" class="emoji-icon emoji-16" data-name="飞吻"></p>
                                        <p i="16" class="emoji-icon emoji-17" data-name="跳跳"></p>
                                        <p i="17" class="emoji-icon emoji-18" data-name="发抖"></p>
                                        <p i="18" class="emoji-icon emoji-19" data-name="怄火"></p>
                                        <p i="19" class="emoji-icon emoji-20" data-name="爱情"></p>
                                        <p i="20" class="emoji-icon emoji-21" data-name="足球"></p>
                                        <p i="21" class="emoji-icon emoji-22" data-name="西瓜"></p>
                                        <p i="22" class="emoji-icon emoji-23" data-name="玫瑰"></p>
                                        <p i="23" class="emoji-icon emoji-24" data-name="凋谢"></p>
                                        <p i="24" class="emoji-icon emoji-25" data-name="爱心"></p>
                                        <p i="25" class="emoji-icon emoji-26" data-name="心碎"></p>
                                        <p i="26" class="emoji-icon emoji-27" data-name="蛋糕"></p>
                                        <p i="27" class="emoji-icon emoji-28" data-name="礼物"></p>
                                        <p i="28" class="emoji-icon emoji-29" data-name="太阳"></p>
                                        <p i="29" class="emoji-icon emoji-30" data-name="月亮"></p>
                                        <p i="30" class="emoji-icon emoji-31" data-name="强"></p>
                                        <p i="31" class="emoji-icon emoji-32" data-name="弱"></p>
                                        <p i="32" class="emoji-icon emoji-33" data-name="难过"></p>
                                        <p i="33" class="emoji-icon emoji-34" data-name="酷"></p>
                                        <p i="34" class="emoji-icon emoji-35" data-name="抓狂"></p>
                                        <p i="35" class="emoji-icon emoji-36" data-name="吐"></p>
                                        <p i="36" class="emoji-icon emoji-37" data-name="惊恐"></p>
                                        <p i="37" class="emoji-icon emoji-38" data-name="流汗"></p>
                                        <p i="38" class="emoji-icon emoji-39" data-name="憨笑"></p>
                                        <p i="39" class="emoji-icon emoji-40" data-name="大兵"></p>
                                        <p i="40" class="emoji-icon emoji-41" data-name="猪头"></p>
                                        <p i="41" class="emoji-icon emoji-42" data-name="拥抱"></p>
                                        <p i="42" class="emoji-icon emoji-43" data-name="咖啡"></p>
                                        <p i="43" class="emoji-icon emoji-44" data-name="饭"></p>
                                        <p i="44" class="emoji-icon emoji-45" data-name="握手"></p>
                                        <p i="45" class="emoji-icon emoji-46" data-name="便便"></p>
                                        <p i="46" class="emoji-icon emoji-47" data-name="偷笑"></p>
                                        <p i="47" class="emoji-icon emoji-48" data-name="可爱"></p>
                                        <p i="48" class="emoji-icon emoji-49" data-name="白眼"></p>
                                        <p i="49" class="emoji-icon emoji-50" data-name="傲慢"></p>
                                        <p i="50" class="emoji-icon emoji-51" data-name="饥饿"></p>
                                        <p i="51" class="emoji-icon emoji-52" data-name="困"></p>
                                        <p i="52" class="emoji-icon emoji-53" data-name="奋斗"></p>
                                        <p i="53" class="emoji-icon emoji-54" data-name="咒骂"></p>
                                        <p i="54" class="emoji-icon emoji-55" data-name="疑问"></p>
                                        <p i="55" class="emoji-icon emoji-56" data-name="嘘"></p>
                                        <p i="56" class="emoji-icon emoji-57" data-name="晕"></p>
                                        <p i="57" class="emoji-icon emoji-58" data-name="折磨"></p>
                                        <p i="58" class="emoji-icon emoji-59" data-name="衰"></p>
                                        <p i="59" class="emoji-icon emoji-60" data-name="骷髅"></p>
                                        <p i="60" class="emoji-icon emoji-61" data-name="敲打"></p>
                                        <p i="61" class="emoji-icon emoji-62" data-name="再见"></p>
                                        <p i="62" class="emoji-icon emoji-63" data-name="闪电"></p>
                                        <p i="63" class="emoji-icon emoji-64" data-name="炸弹"></p>
                                        <p i="64" class="emoji-icon emoji-65" data-name="刀"></p>
                                        <p i="65" class="emoji-icon emoji-66" data-name="胜利"></p>
                                        <p i="66" class="emoji-icon emoji-67" data-name="冷汗"></p>
                                        <p i="67" class="emoji-icon emoji-68" data-name="擦汗"></p>
                                        <p i="68" class="emoji-icon emoji-69" data-name="抠鼻"></p>
                                        <p i="69" class="emoji-icon emoji-70" data-name="鼓掌"></p>
                                        <p i="70" class="emoji-icon emoji-71" data-name="糗大了"></p>
                                        <p i="71" class="emoji-icon emoji-72" data-name="坏笑"></p>
                                        <p i="72" class="emoji-icon emoji-73" data-name="左哼哼"></p>
                                        <p i="73" class="emoji-icon emoji-74" data-name="右哼哼"></p>
                                        <p i="74" class="emoji-icon emoji-75" data-name="哈欠"></p>
                                        <p i="75" class="emoji-icon emoji-76" data-name="鄙视"></p>
                                        <p i="76" class="emoji-icon emoji-77" data-name="委屈"></p>
                                        <p i="77" class="emoji-icon emoji-78" data-name="快哭了"></p>
                                        <p i="78" class="emoji-icon emoji-79" data-name="阴险"></p>
                                        <p i="79" class="emoji-icon emoji-80" data-name="亲亲"></p>
                                        <p i="80" class="emoji-icon emoji-81" data-name="吓"></p>
                                        <p i="81" class="emoji-icon emoji-82" data-name="可怜"></p>
                                        <p i="82" class="emoji-icon emoji-83" data-name="菜刀"></p>
                                        <p i="83" class="emoji-icon emoji-84" data-name="啤酒"></p>
                                        <p i="84" class="emoji-icon emoji-85" data-name="篮球"></p>
                                        <p i="85" class="emoji-icon emoji-86" data-name="乒乓"></p>
                                        <p i="86" class="emoji-icon emoji-87" data-name="示爱"></p>
                                        <p i="87" class="emoji-icon emoji-88" data-name="瓢虫"></p>
                                        <p i="88" class="emoji-icon emoji-89" data-name="抱拳"></p>
                                        <p i="89" class="emoji-icon emoji-90" data-name="勾引"></p>
                                        <p i="90" class="emoji-icon emoji-91" data-name="拳头"></p>
                                        <p i="91" class="emoji-icon emoji-92" data-name="差劲"></p>
                                        <p i="92" class="emoji-icon emoji-93" data-name="爱你"></p>
                                        <p i="93" class="emoji-icon emoji-94" data-name="NO"></p>
                                        <p i="94" class="emoji-icon emoji-95" data-name="OK"></p>
                                        <p i="95" class="emoji-icon emoji-96" data-name="转圈"></p>
                                        <p i="96" class="emoji-icon emoji-97" data-name="磕头"></p>
                                        <p i="97" class="emoji-icon emoji-98" data-name="回头"></p>
                                        <p i="98" class="emoji-icon emoji-99" data-name="跳绳"></p>
                                        <p i="99" class="emoji-icon emoji-100" data-name="挥手"></p>
                                        <p i="100" class="emoji-icon emoji-101" data-name="激动"></p>
                                        <p i="101" class="emoji-icon emoji-102" data-name="街舞"></p>
                                        <p i="102" class="emoji-icon emoji-103" data-name="献吻"></p>
                                        <p i="103" class="emoji-icon emoji-104" data-name="左太极"></p>
                                        <p i="104" class="emoji-icon emoji-105" data-name="右太极"></p>
                                    </div>
                                    <div class="bg br5 pa border1"></div>
                                </div>
                            </a>
                        </div>
                        <div class="uploadImage fl">
                            <div class="pr clearfix">
                                <a href="javascript:void(0);" class="picture pr fl dib disable" title="发送图片"></a>
                            </div>
                        </div>
                        <a href="javascript:void(0);" class="flower fl pr dib" title="送鲜花给老师"></a>
                        <a href="javascript:void(0);" class="group fr dib" title="加入群组"><i class="fa fa-group"></i></a>
                    </div>
                    <div class="inputBox dib pr">
                        <div class="nano pr">
                            <div class="nanoContent pa">
                                <div class="editorContent" contenteditable="true"></div>
                            </div>
                        </div>
                        <div class="limit-sec" style="display: none;">
                            需要等待
                            <span>0</span>
                            秒才能发言
                        </div>
                        <div class="limit-sec" style="display: none;">您已被禁言</div>
                        <div class="limit-sec" style="display: none;">老师设置了全体禁言模式</div>
                        <div class="limit-sec" style="display: none;">
                            编辑区加载失败
                            <a href="javascript:void(0);" class="refreshBtn">重新加载</a>
                        </div>
                        <div class="submitBtn fr transition usn tac br5">发送</div>
                        <div class="inputTips fr" style="display: none;">
                            已超出
                            <span>0</span>
                            字
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottomBtns">
                <div class="btns pf tac">
                    <a class="backTopBtn db" href="javascript:void(0);"></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="SY-content SY-cover d n">
    <!--加载中-->
    <div class="loading tac br5 pf"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
    <div class="S-mainWrap showPopup br5 tal pr">
        <div class="S-content border1">
            <div class="mainContent">
                <div class="SY-live">
                    <div class="S-workerMsg clearfix">
                        <div class="fl">
                            <div class="workerPic br50 dib">
                                <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                            </div>
                            <div class="detail dib">
                                <div class="topBox">
                                    <p class="dib br5 tac live">直播</p>
                                    <p class="dib toe nickName">路人甲</p>
                                    <p class="dib describe toe">关于作者的定位描述</p>
                                </div>
                                <div class="icons">
                                    <p class="dib"><i class="fa fa-briefcase"></i>工作职业</p>
                                    <p class="dib"><i class="fa fa-map-marker"></i>地址</p>
                                </div>
                            </div>
                        </div>
                        <div class="fr tar">
                            <div class="infos">
                                <a href="javascript:void(0);" class="report"><i class="fa fa-exclamation-triangle"></i>举报</a>
                                <a href="javascript:void(0);" class="share pr">
                                    <i class="fa fa-share"></i>分享
                                    <div class="shareWays br5 border1 pa">
                                        <span class="pa"></span>
                                        <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                            <object><a class="br50 bds_sqq" data-cmd="sqq"></a></object>
                                            <object><a class="br50 bds_weixin" data-cmd="weixin"></a></object>
                                            <object><a class="br50 bds_qzone" data-cmd="qzone"></a></object>
                                            <object><a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a></object>
                                        </div>
                                    </div>
                                </a>
                                <a href="javascript:void(0);" class="population"><i class="fa fa-user"></i>634</a>
                            </div>
                            <div class="follow clearfix br5">
                                <a class="dib fr tac normal" href="javascript:void(0);">360</a>
                                <a class="dib fr tac care transition" href="javascript:void(0);"><i class="fa fa-star"></i>关注</a>
                            </div>
                        </div>
                        <div class="fr">
                            <a class="livingPlace db tac br5 transition" href="LiveClient.html" target="_blank">直播端</a>
                        </div>
                    </div>
                    <div class="S-living">
                        <div class="player">
                            <!--<div id="t-video1" class="video usn" style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
                                  <video id="playVideo1" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="" poster="https://wx4.sinaimg.cn/crop.0.0.585.329.1000/006Tr4asly1fnyqrpm47og30ga095myx.gif"></video>
                                  <div class="sewise-player-ui usn replay">
                                      <div class="controlbar transition">
                                          <div class="controlbar-bg">
                                              控制栏背景
                                          </div>
                                          <div class="controlbar-btns">
                                              <div class="controlbar-btn controlbar-div-play">
                                                  <a href="javascript:;" class="controlbar-btns-play" tabindex="1">播放</a>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-pause">
                                                  <a href="javascript:;" class="controlbar-btns-pause" tabindex="2">暂停</a>
                                              </div>
                                              <div class="controlbar-btn controlbar-progress">
                                                  <div class="progressBox">
                                                      <div class="controlbar-progress-totalline br5"></div>
                                                      <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
                                                      <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
                                                          <div class="controlbar-progress-playpoint transition br50"></div>
                                                      </div>
                                                      <div class="controlbar-progress-seekline"></div>
                                                      <div class="controlbar-progress-tip" current-time="" style="left: 20%;">
                                                          <span>30:00</span>
                                                      </div>
                                                  </div>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-time">
                                                  <div class="controlbar-playtime">
                                                      00:04
                                                  </div>
                                                  <div class="controlbar-playtime-split">
                                                      /
                                                  </div>
                                                  <div class="controlbar-totaltime">
                                                      155:11
                                                  </div>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-volume pr">
                                                  <div class="controlbar-div-volumeline pa">
                                                      <div class="controlbar-volumeline br5 pa">
                                                          <div class="controlbar-volumeline-bg br5">
                                                          </div>
                                                          <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
                                                          </div>
                                                          <div class="controlbar-volumeline-dragger">
                                                          </div>
                                                          <div class="controlbar-volumeline-point br50 pa">
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="controlbar-div-soundclose volume" style="display: none;">
                                                      <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
                                                  </div>
                                                  <div class="controlbar-div-soundopen volume" style="display: block;">
                                                      <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
                                                  </div>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-barrage">
                                                  <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-palyRate pr">
                                                  <div class="controlbar-btns-menu br5" role="presentation">
                                                      <ul class="controlbar-btns-palyRate-content" role="menu">
                                                          <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">4.0x<span class="vjs-control-text"></span></li>
                                                          <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">3.0x<span class="vjs-control-text"></span></li>
                                                          <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">2.0x<span class="vjs-control-text"></span></li>
                                                          <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.75x<span class="vjs-control-text"></span></li>
                                                          <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.5x<span class="vjs-control-text"></span></li>
                                                          <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.25x<span class="vjs-control-text"></span></li>
                                                          <li class="controlbar-btns-palyRate-item active" tabindex="-1" role="palyRateItem" aria-live="polite">1.0x<span class="vjs-control-text"></span></li>
                                                      </ul>
                                                  </div>
                                                  <div class="controlbar-btns-palyRate br5">1.0x</div>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-resolution pr">
                                                  <div class="controlbar-btns-menu br5">
                                                      <ul class="controlbar-btns-resolution-content">
                                                          <li class="controlbar-btns-resolution-item">超清</li>
                                                          <li class="controlbar-btns-resolution-item active">高清</li>
                                                          <li class="controlbar-btns-resolution-item">普清</li>
                                                          <li class="controlbar-btns-resolution-item">自动</li>
                                                      </ul>
                                                  </div>
                                                  <div class="controlbar-btns-resolution br5">高清</div>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-fullscreen" style="display: block;">
                                                  <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
                                              </div>
                                              <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
                                                  <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="progressbar transition6 pa">
                                          <div class="progress-inner transition pa" style="width: 50%"></div>
                                      </div>
                                      <div class="logo" style="display: none;">
                                          <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
                                      </div>
                                      <div class="topbar" style="display: none;">
                                          <div class="topbar-program">
                                              <div class="topbar-program-tip">
                                                  正在播放：
                                              </div>
                                              <div class="topbar-program-title">
                                              </div>
                                          </div>
                                          <div class="topbar-clock">
                                              2018-1-30 14:19:57
                                          </div>
                                      </div>
                                      <div class="buffer" style="display: none;">
                                          <div class="buffer-bg">
                                              背景图片
                                          </div>
                                          <div class="buffer-text">
                                              <div class="buffer-text-tip">
                                              </div>
                                              <div class="buffer-text-bufferPt">
                                                  ...
                                              </div>
                                          </div>
                                      </div>
                                      <div class="big-play-btn br50">
                                          <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
                                          <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
                                      </div>
                                      <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
                                          <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
                                      </div>
                                      <div class="danmaku state-pause" id="danmu">
                                      </div>
                                  </div>
                              </div>-->
                            <!--下载浏览器提示-->
                            <div class="infoMsg tac dn">
                                <span class="pic dib"></span>
                                <p class="text">为了更好的播放体验，建议安装最新版Chrome或Firefox浏览器</p>
                                <p class="text">
                                    <a class="download feb" href="javascript:void(0);">下载播放器</a>
                                </p>
                                <p class="text dn">
                                    <a class="question" href="javascript:void(0);">常见问题</a>
                                    <a class="feedBack" href="javascript:void(0);">意见反馈</a>
                                </p>
                            </div>
                            <!--直播时间倒计时-->
                            <div class="tac timeInfo pr dn">
                                <div class="time tac pa">
                                    <p>直播时间:
                                        <span class="day">10</span>天
                                        <span class="hours">20</span>小时
                                        <span class="minutes">30</span>分
                                        <span class="seconds">43</span>秒
                                    </p>
                                </div>
                                <img src="img/personalCenter/livingCover.jpg" alt="">
                            </div>
                            <!--没有播放权限-->
                            <div class="pr accessLock dn" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/001/337/630/large/wl-op-7s.jpg?1444639378')">
                                <div class="lock transition pa"></div>
                                <div class="lockCover tac pa">
                                    <p class="icon"><i class="fa fa-lock"></i></p>
                                    <a class="db tac transition br5" href="javascript:void(0);">订阅观看</a>
                                </div>
                                <p class="livingTime pr tac">直播时间：
                                    <span class="day">10</span>天
                                    <span class="hours">20</span>小时
                                    <span class="minutes">30</span>分
                                    <span class="seconds">43</span>秒
                                </p>
                                <a href="javascript:void(0);">
                                    <div class="playIcon tac pa"><i class="fa fa-video-camera"></i></div>
                                </a>
                            </div>
                            <!--4月活动-->
                            <div class="activity tac pr" style="background-image:url('https://cdna.artstation.com/p/assets/images/images/001/337/630/large/wl-op-7s.jpg?1444639378')">
                                <div class="cover transition pa"></div>
                                <div class="playIcon tac pa"><i class="fa fa-video-camera"></i></div>
                                <div class="tac infos pa">
                                    <p class="tac liveTime">直播时间:
                                        <span class="date">2018-04-05</span>
                                        <span class="hour">10:30:00</span>
                                    </p>
                                    <div class="btns">
                                        <a class="dib br5 transition tac buy" href="javascript:void(0);">
                                            <i class="fa fa-lock"></i>
                                            <span class="price">￥19.9</span>
                                            预约
                                        </a>
                                        <a class="dib br5 transition tac" href="javascript:void(0);">代金券</a>
                                        <a class="dib br5 transition tac" href="javascript:void(0);">三人组团</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="titleBox">
                    <h2 class="title">实践是检验真理的唯一标准</h2>
                </div>
                <div class="marks">
                    <div class="clearfix">
                        <div class="tagBox fl">
                            <span class="time dib">2018年1月27日</span>
                        </div>
                        <p class="scan fr"><i class="fa fa-eye"></i>200</p>
                    </div>
                    <div class="infos">
                        <p class="classify dib">数字2D-2D动画</p>
                        <p class="tags dib">
                            <i class="fa fa-tag"></i>
                            <span class="tag">tag1</span>
                            <span class="tag">tag2</span>
                            <span class="tag">tag3</span>
                        </p>
                    </div>
                </div>
                <div class="summary br5">
                    <p class="text">
                        文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介
                        文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介
                    </p>
                </div>
                <div class="SY-articleBox">
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                </div>
                <div class="attachment">
                    <div class="main_attachment">
                        <div class="textBox dib">
                            <p class="text">附件下载</p>
                        </div>
                        <span class="dib line"></span>
                        <div class="uploaded br5 dib pr">
                            <div class="fileIcon dib rar"></div>
                            <div class="fileMsg dib">
                                <p class="fileName toe">压缩包.rar</p>
                                <p class="detail">
                                    <span class="size">20.23MB</span>
                                </p>
                            </div>
                            <a class="download pa" href="javascript:void(0);"><i class="fa fa-download"></i></a>
                        </div>
                    </div>
                </div>
                <div class="btnBox tac">
                    <div class="support dib">
                        <a class="db tac br50 transition" href="javascript:void(0);"><i class="fa fa-thumbs-up"></i></a>
                        <p>点赞(<span class='num'>20</span>)</p>
                    </div>
                    <div class="collect dib">
                        <a class="db tac br50 transition" href="javascript:void(0);"><i class="fa fa-star"></i></a>
                        <p>收藏</p>
                    </div>
                    <div class="share dib">
                        <a class="db tac br50 pr" href="javascript:void(0);">
                            <i class="fa fa-share"></i>
                            <div class="shareWays br5 border1 pa">
                                <span class="pa"></span>
                                <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                    <object><a class="br50 bds_sqq" data-cmd="sqq"></a></object>
                                    <object><a class="br50 bds_weixin" data-cmd="weixin"></a></object>
                                    <object><a class="br50 bds_qzone" data-cmd="qzone"></a></object>
                                    <object><a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a></object>
                                </div>
                            </div>
                        </a>
                        <p>分享(<span class="num">20</span>)</p>
                    </div>
                </div>
            </div>
            <div class="aboutWorker clearfix">
                <div class="fl">
                    <div class="pic dib br50">
                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                        <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                    </div>
                    <div class="msg dib">
                        <h3 class="nickName">路人甲</h3>
                        <p class="text toe">关于作者的定位描述</p>
                    </div>
                </div>
                <div class="follow fr">
                    <a class="db tac care transition" href="javascript:void(0);"><i class="fa fa-star"></i>关注</a>
                </div>
            </div>
            <div class="comments">
                <p class="commentNum">评论（<span>223</span>）</p>
                <!--加载中-->
                <div class="load tac dn">
                    <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                </div>
                <!--空内容提示-->
                <div class="emptyInfo tac empty dn">
                    <div class="icon"></div>
                    <p>暂无评论</p>
                </div>
                <!--热门评论-->
                <div class="hotComment">
                    <div class="title"><span>热门评论</span></div>
                    <div class="commentList">
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="comment">
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="myComment clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                            </div>
                            <div class="myOpinion fl clearfix">
                                <input type="text" placeholder="你的看法...">
                                <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--最新评论-->
                <div class="latestComment">
                    <div class="title"><span>最新评论</span></div>
                    <div class="commentList">
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="comment">
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="myComment clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                            </div>
                            <div class="myOpinion fl clearfix">
                                <input type="text" placeholder="你的看法...">
                                <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="page tac">
                    <ul class="pageList pr clearfix">
                        <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                        <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                        <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                        <li><a href="javascript:void(0);">2</a></li>
                        <li><a href="javascript:void(0);">3</a></li>
                        <li><a href="javascript:void(0);">...</a></li>
                        <li class="text"><a href="javascript:void(0);">下一页</a></li>
                        <li class="text"><a href="javascript:void(0);">尾页</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="S-sideBar pa">
            <div class="chatBox">
                <div class="chatContent">
                    <div class="propaganda">
                        <div class="dib picture">
                            <img src="http://img.shenyecg.com/UploadImages/2018/1/29/2018012916363734969.jpg" alt="">
                        </div>
                        <div class="dib msg">
                            <h3 class="title">实践是检验真理的唯一标准</h3>
                            <p class="nickName toe">路人甲</p>
                        </div>
                    </div>
                    <div class="talkBox pr tal" style="height: 520px;">
                        <div class="tip-text pa tac toe">哈哈哈<img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom"></div>
                        <div class="warn-text pa tac toe">数字超过限制</div>
                        <div class="viewContent pa">
                            <ul class="ulList pr">
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">丢失感</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">恢复</span>
                                    </div>
                                </li>
                                <li class="chatList">
                                    <div class="flowerMsg tac">
                                        "<span>Sun</span>"送给<br>
                                        <div>
                                            "<span>思睿老师-峻毅</span>"
                                            <span class="flowerIcon"></span>
                                        </div>
                                    </div>
                                </li>
                                <li class="chatList">
                                    <div class="warningMsg tac">
                                        <p>操作过于频繁，请稍后再进行操作...</p>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">...仙儿</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">不知道</span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">꧁时⃢ ＊ ⃢光꧂‌</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">长得不帅</span>
                                    </div>
                                </li>
                                <li class="chatList right clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveBlue"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl pr">
                                        <span class="mark db pa approveGold"></span>
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="handleBox clearfix">
                        <div class="face fl">
                            <a href="javascript:void(0);" class="emoji pr fl dib" title="发送表情">
                                <div class="faceSelector pa dn">
                                    <div class="faceHover pa left tal border1">
                                        <div class="img tac pa">
                                            <img class="show" src="https://7.url.cn/edu/webcourse/modules/img/emoji/72@2x.gif" alt="" />
                                        </div>
                                        <div class="name pa tac">足球</div>
                                    </div>
                                    <div class="innerFace pr">
                                        <p i="0" class="emoji-icon emoji-1" data-name="惊讶"></p>
                                        <p i="1" class="emoji-icon emoji-2" data-name="撇嘴"></p>
                                        <p i="2" class="emoji-icon emoji-3" data-name="色"></p>
                                        <p i="3" class="emoji-icon emoji-4" data-name="发呆"></p>
                                        <p i="4" class="emoji-icon emoji-5" data-name="得意"></p>
                                        <p i="5" class="emoji-icon emoji-6" data-name="流泪"></p>
                                        <p i="6" class="emoji-icon emoji-7" data-name="害羞"></p>
                                        <p i="7" class="emoji-icon emoji-8" data-name="闭嘴"></p>
                                        <p i="8" class="emoji-icon emoji-9" data-name="睡"></p>
                                        <p i="9" class="emoji-icon emoji-10" data-name="大哭"></p>
                                        <p i="10" class="emoji-icon emoji-11" data-name="尴尬"></p>
                                        <p i="11" class="emoji-icon emoji-12" data-name="发怒"></p>
                                        <p i="12" class="emoji-icon emoji-13" data-name="调皮"></p>
                                        <p i="13" class="emoji-icon emoji-14" data-name="呲牙"></p>
                                        <p i="14" class="emoji-icon emoji-15" data-name="微笑"></p>
                                        <p i="15" class="emoji-icon emoji-16" data-name="飞吻"></p>
                                        <p i="16" class="emoji-icon emoji-17" data-name="跳跳"></p>
                                        <p i="17" class="emoji-icon emoji-18" data-name="发抖"></p>
                                        <p i="18" class="emoji-icon emoji-19" data-name="怄火"></p>
                                        <p i="19" class="emoji-icon emoji-20" data-name="爱情"></p>
                                        <p i="20" class="emoji-icon emoji-21" data-name="足球"></p>
                                        <p i="21" class="emoji-icon emoji-22" data-name="西瓜"></p>
                                        <p i="22" class="emoji-icon emoji-23" data-name="玫瑰"></p>
                                        <p i="23" class="emoji-icon emoji-24" data-name="凋谢"></p>
                                        <p i="24" class="emoji-icon emoji-25" data-name="爱心"></p>
                                        <p i="25" class="emoji-icon emoji-26" data-name="心碎"></p>
                                        <p i="26" class="emoji-icon emoji-27" data-name="蛋糕"></p>
                                        <p i="27" class="emoji-icon emoji-28" data-name="礼物"></p>
                                        <p i="28" class="emoji-icon emoji-29" data-name="太阳"></p>
                                        <p i="29" class="emoji-icon emoji-30" data-name="月亮"></p>
                                        <p i="30" class="emoji-icon emoji-31" data-name="强"></p>
                                        <p i="31" class="emoji-icon emoji-32" data-name="弱"></p>
                                        <p i="32" class="emoji-icon emoji-33" data-name="难过"></p>
                                        <p i="33" class="emoji-icon emoji-34" data-name="酷"></p>
                                        <p i="34" class="emoji-icon emoji-35" data-name="抓狂"></p>
                                        <p i="35" class="emoji-icon emoji-36" data-name="吐"></p>
                                        <p i="36" class="emoji-icon emoji-37" data-name="惊恐"></p>
                                        <p i="37" class="emoji-icon emoji-38" data-name="流汗"></p>
                                        <p i="38" class="emoji-icon emoji-39" data-name="憨笑"></p>
                                        <p i="39" class="emoji-icon emoji-40" data-name="大兵"></p>
                                        <p i="40" class="emoji-icon emoji-41" data-name="猪头"></p>
                                        <p i="41" class="emoji-icon emoji-42" data-name="拥抱"></p>
                                        <p i="42" class="emoji-icon emoji-43" data-name="咖啡"></p>
                                        <p i="43" class="emoji-icon emoji-44" data-name="饭"></p>
                                        <p i="44" class="emoji-icon emoji-45" data-name="握手"></p>
                                        <p i="45" class="emoji-icon emoji-46" data-name="便便"></p>
                                        <p i="46" class="emoji-icon emoji-47" data-name="偷笑"></p>
                                        <p i="47" class="emoji-icon emoji-48" data-name="可爱"></p>
                                        <p i="48" class="emoji-icon emoji-49" data-name="白眼"></p>
                                        <p i="49" class="emoji-icon emoji-50" data-name="傲慢"></p>
                                        <p i="50" class="emoji-icon emoji-51" data-name="饥饿"></p>
                                        <p i="51" class="emoji-icon emoji-52" data-name="困"></p>
                                        <p i="52" class="emoji-icon emoji-53" data-name="奋斗"></p>
                                        <p i="53" class="emoji-icon emoji-54" data-name="咒骂"></p>
                                        <p i="54" class="emoji-icon emoji-55" data-name="疑问"></p>
                                        <p i="55" class="emoji-icon emoji-56" data-name="嘘"></p>
                                        <p i="56" class="emoji-icon emoji-57" data-name="晕"></p>
                                        <p i="57" class="emoji-icon emoji-58" data-name="折磨"></p>
                                        <p i="58" class="emoji-icon emoji-59" data-name="衰"></p>
                                        <p i="59" class="emoji-icon emoji-60" data-name="骷髅"></p>
                                        <p i="60" class="emoji-icon emoji-61" data-name="敲打"></p>
                                        <p i="61" class="emoji-icon emoji-62" data-name="再见"></p>
                                        <p i="62" class="emoji-icon emoji-63" data-name="闪电"></p>
                                        <p i="63" class="emoji-icon emoji-64" data-name="炸弹"></p>
                                        <p i="64" class="emoji-icon emoji-65" data-name="刀"></p>
                                        <p i="65" class="emoji-icon emoji-66" data-name="胜利"></p>
                                        <p i="66" class="emoji-icon emoji-67" data-name="冷汗"></p>
                                        <p i="67" class="emoji-icon emoji-68" data-name="擦汗"></p>
                                        <p i="68" class="emoji-icon emoji-69" data-name="抠鼻"></p>
                                        <p i="69" class="emoji-icon emoji-70" data-name="鼓掌"></p>
                                        <p i="70" class="emoji-icon emoji-71" data-name="糗大了"></p>
                                        <p i="71" class="emoji-icon emoji-72" data-name="坏笑"></p>
                                        <p i="72" class="emoji-icon emoji-73" data-name="左哼哼"></p>
                                        <p i="73" class="emoji-icon emoji-74" data-name="右哼哼"></p>
                                        <p i="74" class="emoji-icon emoji-75" data-name="哈欠"></p>
                                        <p i="75" class="emoji-icon emoji-76" data-name="鄙视"></p>
                                        <p i="76" class="emoji-icon emoji-77" data-name="委屈"></p>
                                        <p i="77" class="emoji-icon emoji-78" data-name="快哭了"></p>
                                        <p i="78" class="emoji-icon emoji-79" data-name="阴险"></p>
                                        <p i="79" class="emoji-icon emoji-80" data-name="亲亲"></p>
                                        <p i="80" class="emoji-icon emoji-81" data-name="吓"></p>
                                        <p i="81" class="emoji-icon emoji-82" data-name="可怜"></p>
                                        <p i="82" class="emoji-icon emoji-83" data-name="菜刀"></p>
                                        <p i="83" class="emoji-icon emoji-84" data-name="啤酒"></p>
                                        <p i="84" class="emoji-icon emoji-85" data-name="篮球"></p>
                                        <p i="85" class="emoji-icon emoji-86" data-name="乒乓"></p>
                                        <p i="86" class="emoji-icon emoji-87" data-name="示爱"></p>
                                        <p i="87" class="emoji-icon emoji-88" data-name="瓢虫"></p>
                                        <p i="88" class="emoji-icon emoji-89" data-name="抱拳"></p>
                                        <p i="89" class="emoji-icon emoji-90" data-name="勾引"></p>
                                        <p i="90" class="emoji-icon emoji-91" data-name="拳头"></p>
                                        <p i="91" class="emoji-icon emoji-92" data-name="差劲"></p>
                                        <p i="92" class="emoji-icon emoji-93" data-name="爱你"></p>
                                        <p i="93" class="emoji-icon emoji-94" data-name="NO"></p>
                                        <p i="94" class="emoji-icon emoji-95" data-name="OK"></p>
                                        <p i="95" class="emoji-icon emoji-96" data-name="转圈"></p>
                                        <p i="96" class="emoji-icon emoji-97" data-name="磕头"></p>
                                        <p i="97" class="emoji-icon emoji-98" data-name="回头"></p>
                                        <p i="98" class="emoji-icon emoji-99" data-name="跳绳"></p>
                                        <p i="99" class="emoji-icon emoji-100" data-name="挥手"></p>
                                        <p i="100" class="emoji-icon emoji-101" data-name="激动"></p>
                                        <p i="101" class="emoji-icon emoji-102" data-name="街舞"></p>
                                        <p i="102" class="emoji-icon emoji-103" data-name="献吻"></p>
                                        <p i="103" class="emoji-icon emoji-104" data-name="左太极"></p>
                                        <p i="104" class="emoji-icon emoji-105" data-name="右太极"></p>
                                    </div>
                                    <div class="bg br5 pa border1"></div>
                                </div>
                            </a>
                        </div>
                        <div class="uploadImage fl">
                            <div class="pr clearfix">
                                <a href="javascript:void(0);" class="picture pr fl dib disable" title="发送图片"></a>
                            </div>
                        </div>
                        <a href="javascript:void(0);" class="flower fl pr dib disable" title="送鲜花给老师"></a>
                        <a href="javascript:void(0);" class="group fr dib" title="加入群组"><i class="fa fa-group"></i></a>
                    </div>
                    <div class="inputBox dib pr">
                        <div class="nano pr">
                            <div class="nanoContent pa">
                                <div class="editorContent" contenteditable="true"></div>
                            </div>
                        </div>
                        <div class="limit-sec" style="display: none;">
                            需要等待
                            <span>0</span>
                            秒才能发言
                        </div>
                        <div class="limit-sec" style="display: none;">您已被禁言</div>
                        <div class="limit-sec" style="display: none;">老师设置了全体禁言模式</div>
                        <div class="limit-sec" style="display: none;">
                            编辑区加载失败
                            <a href="javascript:void(0);" class="refreshBtn">重新加载</a>
                        </div>
                        <div class="submitBtn fr transition usn tac br5 disable">发送</div>
                        <div class="inputTips fr" style="display: none;">
                            已超出
                            <span>0</span>
                            字
                        </div>
                    </div>
                </div>
            </div>
            <div class="closeBtn pa">
                <a class="pf db tac" href="javascript:void(0);"><i class="fa fa-times"></i></a>
            </div>
            <div class="bottomBtns">
                <div class="btns pf tac">
                    <a class="fullScreenBtn db" href="javascript:void(0);"><span>全屏<br>查看</span></a>
                    <a class="backTopBtn db" href="javascript:void(0);"></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="SY-content SY-cover dn">
    <!--加载中-->
    <div class="loading tac br5 pf"><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i></div>
    <div class="S-mainWrap showPopup br5 tal pr">
        <div class="S-content border1">
            <div class="mainContent">
                <div class="SY-live">
                    <div class="S-workerMsg clearfix">
                        <div class="fl">
                            <div class="workerPic br50 dib">
                                <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                <span class="mark db pa"></span>
                            </div>
                            <div class="detail dib">
                                <div class="topBox">
                                    <p class="dib br5 tac live">直播</p>
                                    <p class="dib toe nickName">路人甲</p>
                                    <p class="dib describe toe">关于作者的定位描述</p>
                                </div>
                                <div class="icons">
                                    <p class="dib"><i class="fa fa-briefcase"></i>工作职业</p>
                                    <p class="dib"><i class="fa fa-map-marker"></i>地址</p>
                                </div>
                            </div>
                        </div>
                        <div class="fr tar">
                            <div class="infos">
                                <a href="javascript:void(0);" class="report"><i class="fa fa-exclamation-triangle"></i>举报</a>
                                <a href="javascript:void(0);" class="share pr">
                                    <i class="fa fa-share"></i>分享
                                    <div class="shareWays br5 border1 pa">
                                        <span class="pa"></span>
                                        <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                            <object><a class="br50 bds_sqq" data-cmd="sqq"></a></object>
                                            <object><a class="br50 bds_weixin" data-cmd="weixin"></a></object>
                                            <object><a class="br50 bds_qzone" data-cmd="qzone"></a></object>
                                            <object><a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a></object>
                                        </div>
                                    </div>
                                </a>
                                <a href="javascript:void(0);" class="population"><i class="fa fa-user"></i>634</a>
                            </div>
                            <div class="follow clearfix br5">
                                <a class="dib fr tac normal" href="javascript:void(0);">360</a>
                                <a class="dib fr tac care transition" href="javascript:void(0);"><i class="fa fa-star"></i>关注</a>
                            </div>
                        </div>
                        <div class="fr">
                            <a class="livingPlace db tac br5 transition" href="LiveClient.html" target="_blank">直播端</a>
                        </div>
                    </div>
                    <div class="S-living">
                        <div class="player">
                            <div class="tac timeInfo pr">
                                <div id="t-video1" class="video usn" style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
                                    <video id="playVideo1" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="" poster="https://wx4.sinaimg.cn/crop.0.0.585.329.1000/006Tr4asly1fnyqrpm47og30ga095myx.gif"></video>
                                    <div class="sewise-player-ui usn pause">
                                        <div class="controlbar transition">
                                            <div class="controlbar-bg">
                                                控制栏背景
                                            </div>
                                            <div class="controlbar-btns">
                                                <div class="controlbar-playtime" style="">
                                                    70:54:17
                                                </div>
                                                <div class="controlbar-btn controlbar-progress" style="visibility: hidden;">
                                                    <div class="progressBox">
                                                        <div class="controlbar-progress-totalline br5"></div>
                                                        <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
                                                        <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
                                                            <div class="controlbar-progress-playpoint transition br50"></div>
                                                        </div>
                                                        <div class="controlbar-progress-seekline"></div>
                                                        <div class="controlbar-progress-tip" current-time="" style="left: 20%;">
                                                            <span>30:00</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-time dn">
                                                    <div class="controlbar-playtime">
                                                        00:04
                                                    </div>
                                                    <div class="controlbar-playtime-split">
                                                        /
                                                    </div>
                                                    <div class="controlbar-totaltime">
                                                        155:11
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-volume pr">
                                                    <div class="controlbar-div-volumeline pa">
                                                        <div class="controlbar-volumeline br5 pa">
                                                            <div class="controlbar-volumeline-bg br5">
                                                            </div>
                                                            <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
                                                            </div>
                                                            <div class="controlbar-volumeline-dragger">
                                                            </div>
                                                            <div class="controlbar-volumeline-point br50 pa">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="controlbar-div-soundclose volume" style="display: none;">
                                                        <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
                                                    </div>
                                                    <div class="controlbar-div-soundopen volume" style="display: block;">
                                                        <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
                                                    </div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-barrage">
                                                    <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-resolution pr">
                                                    <div class="controlbar-btns-menu br5">
                                                        <ul class="controlbar-btns-resolution-content">
                                                            <li class="controlbar-btns-resolution-item">超清</li>
                                                            <li class="controlbar-btns-resolution-item active">高清</li>
                                                            <li class="controlbar-btns-resolution-item">普清</li>
                                                            <li class="controlbar-btns-resolution-item">自动</li>
                                                        </ul>
                                                    </div>
                                                    <div class="controlbar-btns-resolution br5">高清</div>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-fullscreen" style="display: block;">
                                                    <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
                                                </div>
                                                <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
                                                    <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="progressbar transition6 pa dn">
                                            <div class="progress-inner transition pa" style="width: 50%"></div>
                                        </div>
                                        <div class="logo" style="display: none;">
                                            <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
                                        </div>
                                        <div class="topbar" style="display: none;">
                                            <div class="topbar-program">
                                                <div class="topbar-program-tip">
                                                    正在播放：
                                                </div>
                                                <div class="topbar-program-title">
                                                </div>
                                            </div>
                                            <div class="topbar-clock">
                                                2018-1-30 14:19:57
                                            </div>
                                        </div>
                                        <div class="buffer" style="display: none;">
                                            <div class="buffer-bg">
                                                背景图片
                                            </div>
                                            <div class="buffer-text">
                                                <div class="buffer-text-tip">
                                                </div>
                                                <div class="buffer-text-bufferPt">
                                                    ...
                                                </div>
                                            </div>
                                        </div>
                                        <div class="big-play-btn br50">
                                            <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
                                            <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
                                        </div>
                                        <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
                                            <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
                                        </div>
                                        <div class="danmaku state-pause"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="titleBox">
                    <h2 class="title">实践是检验真理的唯一标准</h2>
                </div>
                <div class="marks">
                    <div class="clearfix">
                        <div class="tagBox fl">
                            <span class="time dib">2018年1月27日</span>
                        </div>
                        <p class="scan fr"><i class="fa fa-eye"></i>200</p>
                    </div>
                    <div class="infos">
                        <p class="classify dib">数字2D-2D动画</p>
                        <p class="tags dib">
                            <i class="fa fa-tag"></i>
                            <span class="tag">tag1</span>
                            <span class="tag">tag2</span>
                            <span class="tag">tag3</span>
                        </p>
                    </div>
                </div>
                <div class="summary br5">
                    <p class="text">
                        文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介
                        文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介文章简介
                    </p>
                </div>
                <div class="SY-articleBox">
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="pic">
                        <img src="https://cdna.artstation.com/p/assets/images/images/004/524/130/large/lorenzo-lanfranconi-6.jpg?1484292066" alt="">
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                    <div class="words">
                        在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                    </div>
                </div>
                <div class="attachment">
                    <div class="main_attachment">
                        <div class="textBox dib">
                            <p class="text">附件下载</p>
                        </div>
                        <span class="dib line"></span>
                        <div class="uploaded br5 dib pr">
                            <div class="fileIcon dib rar"></div>
                            <div class="fileMsg dib">
                                <p class="fileName toe">压缩包.rar</p>
                                <p class="detail">
                                    <span class="size">20.23MB</span>
                                </p>
                            </div>
                            <a class="download pa" href="javascript:void(0);"><i class="fa fa-download"></i></a>
                        </div>
                    </div>
                </div>
                <div class="btnBox tac">
                    <div class="support dib">
                        <a class="db tac br50 transition" href="javascript:void(0);"><i class="fa fa-thumbs-up"></i></a>
                        <p>点赞(<span class='num'>20</span>)</p>
                    </div>
                    <div class="collect dib">
                        <a class="db tac br50 transition" href="javascript:void(0);"><i class="fa fa-star"></i></a>
                        <p>收藏</p>
                    </div>
                    <div class="share dib">
                        <a class="db tac br50 pr" href="javascript:void(0);">
                            <i class="fa fa-share"></i>
                            <div class="shareWays br5 border1 pa">
                                <span class="pa"></span>
                                <div class="bdsharebuttonbox share-ways-button" data-tag="share_1">
                                    <object><a class="br50 bds_sqq" data-cmd="sqq"></a></object>
                                    <object><a class="br50 bds_weixin" data-cmd="weixin"></a></object>
                                    <object><a class="br50 bds_qzone" data-cmd="qzone"></a></object>
                                    <object><a class="br50 bds_tsina" data-cmd="tsina" style="margin-right:0;"></a></object>
                                </div>
                            </div>
                        </a>
                        <p>分享(<span class="num">20</span>)</p>
                    </div>
                </div>
            </div>
            <div class="aboutWorker clearfix">
                <div class="fl">
                    <div class="pic dib br50">
                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                        <span class="mark db pa"></span>
                    </div>
                    <div class="msg dib">
                        <h3 class="nickName">路人甲</h3>
                        <p class="text toe">关于作者的定位描述</p>
                    </div>
                </div>
                <div class="follow fr">
                    <a class="db tac transition care" href="javascript:void(0);"><i class="fa fa-star"></i>关注</a>
                </div>
            </div>
            <div class="comments">
                <p class="commentNum">评论（<span>223</span>）</p>
                <!--加载中-->
                <div class="load tac dn">
                    <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                </div>
                <!--空内容提示-->
                <div class="emptyInfo tac empty dn">
                    <div class="icon"></div>
                    <p>暂无评论</p>
                </div>
                <!--热门评论-->
                <div class="hotComment">
                    <div class="title"><span>热门评论</span></div>
                    <div class="commentList">
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <span class="mark db pa"></span>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="comment">
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <span class="mark db pa"></span>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <span class="mark db pa"></span>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <span class="mark db pa"></span>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <span class="mark db pa"></span>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <span class="mark db pa"></span>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="myComment clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <span class="mark db pa"></span>
                            </div>
                            <div class="myOpinion fl clearfix">
                                <input type="text" placeholder="你的看法...">
                                <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--最新评论-->
                <div class="latestComment">
                    <div class="title"><span>最新评论</span></div>
                    <div class="commentList">
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <span class="mark db pa"></span>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="comment">
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <span class="mark db pa"></span>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        有一天，小狐狸却打起了小算盘：如果客人只来我店里买面包，那我不就能赚更多的钱了吗？于是，它偷偷使了个坏招。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                        <div class="userPic br50 fl">
                                            <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                            <span class="mark db pa"></span>
                                        </div>
                                        <div class="detail fl">
                                            <div class="msg clearfix">
                                                <div class="main fl">
                                                    <div class="user">
                                                        <a href="javascript:void(0);" class="nickName dib toe">路人乙<span>回复</span><span class="note">@路人甲</span></a>
                                                        <p class="time dib">2018年1月24日</p>
                                                    </div>
                                                    <p class="text">
                                                        第二天一早，小灰熊像往常一样，在店门口迎客。可是大家都绕开他的店，这让他感到莫名其妙。
                                                    </p>
                                                </div>
                                                <div class="attitude fr">
                                                    <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                                    <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <span class="mark db pa"></span>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <span class="mark db pa"></span>
                            </div>
                            <div class="detail fl">
                                <div class="msg clearfix">
                                    <div class="main fl">
                                        <div class="user">
                                            <a href="javascript:void(0);" class="nickName dib toe">路人甲</a>
                                            <p class="time dib">2018年1月24日</p>
                                        </div>
                                        <p class="text">
                                            在森林王国里，小灰熊和小狐狸这对好朋友，门对门开了两家面包店，他俩每天都忙得不亦乐乎，收益不错。
                                        </p>
                                    </div>
                                    <div class="attitude fr">
                                        <a class="comment" href="javascript:void(0);"><i class="fa fa-commenting"></i></a>
                                        <a class="like" href="javascript:void(0);"><i class="fa fa-heart"></i></a>
                                    </div>
                                </div>
                                <div class="opinion clearfix dn">
                                    <div class="userPic br50 fl">
                                        <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                        <span class="mark db pa"></span>
                                    </div>
                                    <div class="myOpinion fl clearfix">
                                        <input type="text" placeholder="你的看法...">
                                        <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="myComment clearfix">
                            <div class="userPic br50 fl">
                                <a href="javascript:void(0);" class="db"><img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt=""></a>
                                <span class="mark db pa"></span>
                            </div>
                            <div class="myOpinion fl clearfix">
                                <input type="text" placeholder="你的看法...">
                                <a class="fr" href="javascript:void(0);"><i class="fa fa-send"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="page tac">
                    <ul class="pageList pr clearfix">
                        <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                        <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                        <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                        <li><a href="javascript:void(0);">2</a></li>
                        <li><a href="javascript:void(0);">3</a></li>
                        <li><a href="javascript:void(0);">...</a></li>
                        <li class="text"><a href="javascript:void(0);">下一页</a></li>
                        <li class="text"><a href="javascript:void(0);">尾页</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="S-sideBar pa">
            <div class="chatBox">
                <div class="chatContent">
                    <div class="propaganda">
                        <div class="dib picture">
                            <img src="http://img.shenyecg.com/UploadImages/2018/1/29/2018012916363734969.jpg" alt="">
                        </div>
                        <div class="dib msg">
                            <h3 class="title">实践是检验真理的唯一标准</h3>
                            <p class="nickName toe">路人甲</p>
                        </div>
                    </div>
                    <div class="talkBox pr tal" style="height: 520px;">
                        <div class="tip-text pa tac toe">哈哈哈<img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom"></div>
                        <div class="warn-text pa tac toe">数字超过限制</div>
                        <div class="viewContent pa">
                            <ul class="ulList pr">
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">丢失感</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">恢复</span>
                                    </div>
                                </li>
                                <li class="chatList">
                                    <div class="flowerMsg tac">
                                        "<span>Sun</span>"送给<br>
                                        <div>
                                            "<span>思睿老师-峻毅</span>"
                                            <span class="flowerIcon"></span>
                                        </div>
                                    </div>
                                </li>
                                <li class="chatList">
                                    <div class="warningMsg tac">
                                        <p>操作过于频繁，请稍后再进行操作...</p>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">...仙儿</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">不知道</span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">꧁时⃢ ＊ ⃢光꧂‌</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">长得不帅</span>
                                    </div>
                                </li>
                                <li class="chatList right clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                                <li class="chatList clearfix">
                                    <div class="picture br50 fl">
                                        <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                    </div>
                                    <div class="student fl">
                                        <span class="nickName">stupid</span>
                                        <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                        <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="handleBox clearfix">
                        <div class="face fl">
                            <a href="javascript:void(0);" class="emoji pr fl dib" title="发送表情">
                                <div class="faceSelector pa dn">
                                    <div class="faceHover pa left tal border1">
                                        <div class="img tac pa">
                                            <img class="show" src="https://7.url.cn/edu/webcourse/modules/img/emoji/72@2x.gif" alt="" />
                                        </div>
                                        <div class="name pa tac">足球</div>
                                    </div>
                                    <div class="innerFace pr">
                                        <p i="0" class="emoji-icon emoji-1" data-name="惊讶"></p>
                                        <p i="1" class="emoji-icon emoji-2" data-name="撇嘴"></p>
                                        <p i="2" class="emoji-icon emoji-3" data-name="色"></p>
                                        <p i="3" class="emoji-icon emoji-4" data-name="发呆"></p>
                                        <p i="4" class="emoji-icon emoji-5" data-name="得意"></p>
                                        <p i="5" class="emoji-icon emoji-6" data-name="流泪"></p>
                                        <p i="6" class="emoji-icon emoji-7" data-name="害羞"></p>
                                        <p i="7" class="emoji-icon emoji-8" data-name="闭嘴"></p>
                                        <p i="8" class="emoji-icon emoji-9" data-name="睡"></p>
                                        <p i="9" class="emoji-icon emoji-10" data-name="大哭"></p>
                                        <p i="10" class="emoji-icon emoji-11" data-name="尴尬"></p>
                                        <p i="11" class="emoji-icon emoji-12" data-name="发怒"></p>
                                        <p i="12" class="emoji-icon emoji-13" data-name="调皮"></p>
                                        <p i="13" class="emoji-icon emoji-14" data-name="呲牙"></p>
                                        <p i="14" class="emoji-icon emoji-15" data-name="微笑"></p>
                                        <p i="15" class="emoji-icon emoji-16" data-name="飞吻"></p>
                                        <p i="16" class="emoji-icon emoji-17" data-name="跳跳"></p>
                                        <p i="17" class="emoji-icon emoji-18" data-name="发抖"></p>
                                        <p i="18" class="emoji-icon emoji-19" data-name="怄火"></p>
                                        <p i="19" class="emoji-icon emoji-20" data-name="爱情"></p>
                                        <p i="20" class="emoji-icon emoji-21" data-name="足球"></p>
                                        <p i="21" class="emoji-icon emoji-22" data-name="西瓜"></p>
                                        <p i="22" class="emoji-icon emoji-23" data-name="玫瑰"></p>
                                        <p i="23" class="emoji-icon emoji-24" data-name="凋谢"></p>
                                        <p i="24" class="emoji-icon emoji-25" data-name="爱心"></p>
                                        <p i="25" class="emoji-icon emoji-26" data-name="心碎"></p>
                                        <p i="26" class="emoji-icon emoji-27" data-name="蛋糕"></p>
                                        <p i="27" class="emoji-icon emoji-28" data-name="礼物"></p>
                                        <p i="28" class="emoji-icon emoji-29" data-name="太阳"></p>
                                        <p i="29" class="emoji-icon emoji-30" data-name="月亮"></p>
                                        <p i="30" class="emoji-icon emoji-31" data-name="强"></p>
                                        <p i="31" class="emoji-icon emoji-32" data-name="弱"></p>
                                        <p i="32" class="emoji-icon emoji-33" data-name="难过"></p>
                                        <p i="33" class="emoji-icon emoji-34" data-name="酷"></p>
                                        <p i="34" class="emoji-icon emoji-35" data-name="抓狂"></p>
                                        <p i="35" class="emoji-icon emoji-36" data-name="吐"></p>
                                        <p i="36" class="emoji-icon emoji-37" data-name="惊恐"></p>
                                        <p i="37" class="emoji-icon emoji-38" data-name="流汗"></p>
                                        <p i="38" class="emoji-icon emoji-39" data-name="憨笑"></p>
                                        <p i="39" class="emoji-icon emoji-40" data-name="大兵"></p>
                                        <p i="40" class="emoji-icon emoji-41" data-name="猪头"></p>
                                        <p i="41" class="emoji-icon emoji-42" data-name="拥抱"></p>
                                        <p i="42" class="emoji-icon emoji-43" data-name="咖啡"></p>
                                        <p i="43" class="emoji-icon emoji-44" data-name="饭"></p>
                                        <p i="44" class="emoji-icon emoji-45" data-name="握手"></p>
                                        <p i="45" class="emoji-icon emoji-46" data-name="便便"></p>
                                        <p i="46" class="emoji-icon emoji-47" data-name="偷笑"></p>
                                        <p i="47" class="emoji-icon emoji-48" data-name="可爱"></p>
                                        <p i="48" class="emoji-icon emoji-49" data-name="白眼"></p>
                                        <p i="49" class="emoji-icon emoji-50" data-name="傲慢"></p>
                                        <p i="50" class="emoji-icon emoji-51" data-name="饥饿"></p>
                                        <p i="51" class="emoji-icon emoji-52" data-name="困"></p>
                                        <p i="52" class="emoji-icon emoji-53" data-name="奋斗"></p>
                                        <p i="53" class="emoji-icon emoji-54" data-name="咒骂"></p>
                                        <p i="54" class="emoji-icon emoji-55" data-name="疑问"></p>
                                        <p i="55" class="emoji-icon emoji-56" data-name="嘘"></p>
                                        <p i="56" class="emoji-icon emoji-57" data-name="晕"></p>
                                        <p i="57" class="emoji-icon emoji-58" data-name="折磨"></p>
                                        <p i="58" class="emoji-icon emoji-59" data-name="衰"></p>
                                        <p i="59" class="emoji-icon emoji-60" data-name="骷髅"></p>
                                        <p i="60" class="emoji-icon emoji-61" data-name="敲打"></p>
                                        <p i="61" class="emoji-icon emoji-62" data-name="再见"></p>
                                        <p i="62" class="emoji-icon emoji-63" data-name="闪电"></p>
                                        <p i="63" class="emoji-icon emoji-64" data-name="炸弹"></p>
                                        <p i="64" class="emoji-icon emoji-65" data-name="刀"></p>
                                        <p i="65" class="emoji-icon emoji-66" data-name="胜利"></p>
                                        <p i="66" class="emoji-icon emoji-67" data-name="冷汗"></p>
                                        <p i="67" class="emoji-icon emoji-68" data-name="擦汗"></p>
                                        <p i="68" class="emoji-icon emoji-69" data-name="抠鼻"></p>
                                        <p i="69" class="emoji-icon emoji-70" data-name="鼓掌"></p>
                                        <p i="70" class="emoji-icon emoji-71" data-name="糗大了"></p>
                                        <p i="71" class="emoji-icon emoji-72" data-name="坏笑"></p>
                                        <p i="72" class="emoji-icon emoji-73" data-name="左哼哼"></p>
                                        <p i="73" class="emoji-icon emoji-74" data-name="右哼哼"></p>
                                        <p i="74" class="emoji-icon emoji-75" data-name="哈欠"></p>
                                        <p i="75" class="emoji-icon emoji-76" data-name="鄙视"></p>
                                        <p i="76" class="emoji-icon emoji-77" data-name="委屈"></p>
                                        <p i="77" class="emoji-icon emoji-78" data-name="快哭了"></p>
                                        <p i="78" class="emoji-icon emoji-79" data-name="阴险"></p>
                                        <p i="79" class="emoji-icon emoji-80" data-name="亲亲"></p>
                                        <p i="80" class="emoji-icon emoji-81" data-name="吓"></p>
                                        <p i="81" class="emoji-icon emoji-82" data-name="可怜"></p>
                                        <p i="82" class="emoji-icon emoji-83" data-name="菜刀"></p>
                                        <p i="83" class="emoji-icon emoji-84" data-name="啤酒"></p>
                                        <p i="84" class="emoji-icon emoji-85" data-name="篮球"></p>
                                        <p i="85" class="emoji-icon emoji-86" data-name="乒乓"></p>
                                        <p i="86" class="emoji-icon emoji-87" data-name="示爱"></p>
                                        <p i="87" class="emoji-icon emoji-88" data-name="瓢虫"></p>
                                        <p i="88" class="emoji-icon emoji-89" data-name="抱拳"></p>
                                        <p i="89" class="emoji-icon emoji-90" data-name="勾引"></p>
                                        <p i="90" class="emoji-icon emoji-91" data-name="拳头"></p>
                                        <p i="91" class="emoji-icon emoji-92" data-name="差劲"></p>
                                        <p i="92" class="emoji-icon emoji-93" data-name="爱你"></p>
                                        <p i="93" class="emoji-icon emoji-94" data-name="NO"></p>
                                        <p i="94" class="emoji-icon emoji-95" data-name="OK"></p>
                                        <p i="95" class="emoji-icon emoji-96" data-name="转圈"></p>
                                        <p i="96" class="emoji-icon emoji-97" data-name="磕头"></p>
                                        <p i="97" class="emoji-icon emoji-98" data-name="回头"></p>
                                        <p i="98" class="emoji-icon emoji-99" data-name="跳绳"></p>
                                        <p i="99" class="emoji-icon emoji-100" data-name="挥手"></p>
                                        <p i="100" class="emoji-icon emoji-101" data-name="激动"></p>
                                        <p i="101" class="emoji-icon emoji-102" data-name="街舞"></p>
                                        <p i="102" class="emoji-icon emoji-103" data-name="献吻"></p>
                                        <p i="103" class="emoji-icon emoji-104" data-name="左太极"></p>
                                        <p i="104" class="emoji-icon emoji-105" data-name="右太极"></p>
                                    </div>
                                    <div class="bg br5 pa border1"></div>
                                </div>
                            </a>
                        </div>
                        <div class="uploadImage fl">
                            <div class="pr clearfix">
                                <a href="javascript:void(0);" class="picture pr fl dib disable" title="发送图片"></a>
                            </div>
                        </div>
                        <a href="javascript:void(0);" class="flower fl pr dib disable" title="送鲜花给老师"></a>
                        <a href="javascript:void(0);" class="group fr dib" title="加入群组"><i class="fa fa-group"></i></a>
                    </div>
                    <div class="inputBox dib pr">
                        <div class="nano pr">
                            <div class="nanoContent pa">
                                <div class="editorContent" contenteditable="true"></div>
                            </div>
                        </div>
                        <div class="limit-sec" style="display: none;">
                            需要等待
                            <span>0</span>
                            秒才能发言
                        </div>
                        <div class="limit-sec" style="display: none;">您已被禁言</div>
                        <div class="limit-sec" style="display: none;">老师设置了全体禁言模式</div>
                        <div class="limit-sec" style="display: none;">
                            编辑区加载失败
                            <a href="javascript:void(0);" class="refreshBtn">重新加载</a>
                        </div>
                        <div class="submitBtn fr transition usn tac br5 disable">发送</div>
                        <div class="inputTips fr" style="display: none;">
                            已超出
                            <span>0</span>
                            字
                        </div>
                    </div>
                </div>
            </div>
            <div class="closeBtn pa">
                <a class="pf db tac" href="javascript:void(0);"><i class="fa fa-times"></i></a>
            </div>
            <div class="bottomBtns">
                <div class="btns pf tac">
                    <a class="fullScreenBtn db" href="javascript:void(0);"><span>全屏<br>查看</span></a>
                    <a class="backTopBtn db" href="javascript:void(0);"></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/search.js"></script>
<script>
    $(function () {
        window.onscroll = function () {
            var thisScrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
            var sideBarHeight = $(".S-mainWrap .S-content").offset().top;

            var contHeight = $(".S-mainWrap .S-content").height();  //获取主内容高度
            var seeHeight = contHeight - thisScrollTop;             //主内容可视区域内的高度
            var sideBoxHeight = $(".S-sideBar .chatBox").height();  //右侧固定栏高度
            var h4 = parseInt((seeHeight - sideBoxHeight));

            if(thisScrollTop > sideBarHeight - 50) {
                $(".S-mainWrap .chatBox").css({"position":"fixed","top":"50px"});
            }
            if(h4 <= 0){
                $(".S-mainWrap .chatBox").css({"position":"absolute","top":"1680px"});
            }
            if(thisScrollTop < sideBarHeight - 50){
                $(".S-mainWrap .chatBox").css({"position":"absolute","top":"0"});
            }
        };
        window.onscroll();

        //关闭当前详情页
        $(".SY-cover .S-sideBar .closeBtn").click(function () {
            $(this).parents(".S-mainWrap").removeClass("showPopup");
            $(this).parents(".SY-cover").addClass("dn");
            $(this).parents("html").css("overflow","auto");
        });

        //表情包显示与隐藏
        $(".chatBox .handleBox .face .emoji").click(function () {
            $(this).find(".faceSelector").toggle();
        });

        //送花
        $(".chatBox .handleBox .flower").click(function(){
            var flower = $("<li class='chatList'>" +
                "              <div class='flowerMsg tac'>" +
                "                <span>Sun</span>送给<br>" +
                "                  <div>" +
                "                     <span>思睿老师-峻毅</span>" +
                "                       <span class='flowerIcon'></span>" +
                "                  </div>" +
                "               </div>" +
                "            </li>");
            $(".chatBox .talkBox .viewContent .ulList").append(flower);
        });

        //支持点赞
        $(".mainContent .btnBox .support a").click(function () {
            $(this).toggleClass("active");
            $(this).hasClass("active") ? $(this).parent().find("p").html("已点赞(<span class='num'>20</span>)") : $(this).parent().find("p").html("点赞(<span class='num'>20</span>)");
        });

        //收藏
        $(".mainContent .btnBox .collect a").click(function () {
            $(this).toggleClass("active");
            $(this).hasClass("active") ? $(this).parent().find("p").html("已收藏") : $(this).parent().find("p").html("收藏");
        });

        //关注
        $(".follow .care").click(function () {
           $(".follow .care").toggleClass("active");
        });

        //新建评论
        $(".commentList .detail .attitude .comment").click(function () {
            $(this).parents(".item").find(".opinion").slideToggle();
        });

        //评论区点赞
        $(".attitude .like").click(function () {
            $(this).find("i").toggleClass("active");
        });

        //评论框获取光标&失去光标
        $(".comments .myOpinion input").focus(function () {
            $(this).parent().addClass("focus");
        });
        $(".comments .myOpinion input").blur(function () {
            $(this).parent().removeClass("focus");
        });

        fixedPlace();
        function fixedPlace() {
            //返回顶部&全屏查看按钮
            var div_width = $(".SY-content.SY-cover .S-mainWrap").width() - 16;
            $(".SY-content.SY-cover .S-sideBar .bottomBtns .btns").css("margin-left",(div_width / 2));
        }

        $(window).resize(function () {
            fixedPlace();
        });
    })
</script>
<script>
    window._bd_share_config = {
        common : {
            bdText : '自定义分享内容',
            bdDesc : '自定义分享摘要',
            bdUrl : '自定义分享url地址',
            bdPic : '自定义分享图片'
        },
        share : [{
            "bdSize" : 32
        }]
    };
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
</body>
</html>